/* CSS Document */
*{
	margin:0;
	padding:0; 
	list-style:none; 
	outline:none; 
	font-family:"微软雅黑";
}
body{
	min-width:1280px;
}
img{
	display:block; 
	border:none; 
	margin:0 auto;
}
a{
	text-decoration:none;
	transition:all 0.5s; 
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
}

.ie8{
	position:fixed; 
	top:0; 
	left:0; 
	width:100%; 
	text-align:center; 
	background:#ffffdc; 
	color:#997000; 
	font-size:12px; 
	line-height:30px; 
	z-index:9999;
}
.c3{
	transition:all 0.5s; 
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
}

.ty{
	overflow:hidden; 
	width:100%;
}
.center{
	width:1280px;
	margin:0 auto;
}
.clear::after{
	content:""; 
	width:100%; 
	height:0; 
	clear:both; 
	display:block;
}
.clear:after{
	content:""; 
	width:100%; 
	height:0; 
	clear:both; 
	display:block;
}

.logo{ height:80px;}
.header{ border-top:1px solid #ddd; position:relative; height:54px;}
.header ul{ float:left;}
.header ul li{ float:left;}
.header ul li > a{ display:block; margin:0 20px; font-size:14px; color:#000; line-height:54px;}
.header ul li:hover > a{ color:#808080;}
.header ul li.hover > a{ color:#808080;}
.header ul li.hover .znav{ display:block;}

.znav{ overflow:hidden; border-bottom:1px solid #4d4d4d; position:absolute; left:0; top:54px; width:100%; display:none; background:rgba(0,0,0,.1)}
.znav a{ float:left; display:block; margin:0 20px; font-size:14px; color:#b3b3b3; line-height:54px;}
.znav a:hover{ color:#FFF;}
.znav a.hover{ color:#FFF;}

.header dt{ float:right; margin:15px 20px;}
.header dt a{ display:block; line-height:24px; padding-left:35px; background:url(../image/sp.png) no-repeat center left; font-size:14px; color:#000;}
.header dt a:hover{ color:#808080;}

.tybg{ padding:150px 0 250px 0; background-size:cover; text-align:center; background-position:center;}
.tybg dl{ position:relative}
.tybg dl dt{ font-size:48px; line-height:100px; color:#FFF; height:100px; overflow:hidden;}
.tybg dl dd{ line-height:50px; font-size:24px; color:#fff; height:100px; overflow:hidden;}
.tybg dl dd img{ max-height:100px; width:auto}

.tymag{ margin:65px 130px;}
.bt{ line-height:40px; font-size:30px; text-align:center; color:#333; margin-bottom:20px;}
.tywb{ overflow:hidden; line-height:30px; color:#666; font-size:16px;}
.tywb img{ max-width:100%;}

.typad{ padding:65px 130px; background:#f2f2f2}
.typad01{ padding:65px 130px; background:#dcc9b6}
.tytu{ overflow:hidden;}
.tytu img{ width:100%;}

.jz{ text-align:center;}

.footer{ border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:24px 40px; overflow:hidden;}
.footer dt{ float:left; width:300px; margin-right:50px;}
.footer dt a{ display:block; line-height:30px; font-size:14px; color:#333;}
.footer dt a:hover{ color:#999;}

.footer dd{ float:right; max-width:150px; font-size:14px; line-height:30px; text-align:center; color:#666;}
.footer dd img{ height:90px; width:90px;}

.foot{ padding:20px 40px 40px 40px; line-height:20px; font-size:12px; color:#666;}
.foot a{ color:#666;}
.foot a:hover{ color:#999;}

.tywb td{ padding:5px;}

.case{ overflow:hidden;}
.case li{ float:left; width:20%;}
.case li a{ display:block; background:#f2f2f2; margin:1px; padding:50px 10px; color:#333}
.case li a:hover{ background:#666; color:#FFF;}
.case li a:hover .tu img{ top:-100px;}
.case li.hover a{ background:#666; color:#FFF;}
.case li.hover a .tu img{ top:-100px;}
.case li .tu{ width:100px; height:100px; overflow:hidden; margin:0 auto}
.case li .tu img{ width:100%; position:relative;}
.case li h1{ text-align:center; line-height:30px; font-size:16px; font-weight:normal; height:30px; overflow:hidden;}

.case01{ padding:20px 0;}
.case01 li{ margin:30px 0; text-align:center; overflow:hidden;}
.case01 li a{ display:block; background:#f2f2f2;}
.case01 li a:hover{ background:#666;}
.case01 li a:hover h1{ color:#FFF;}
.case01 li a:hover h2{ color:#FFF;}
.case01 li a:hover .tu img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.case01 li .tu{ overflow:hidden;}
.case01 li .tu img{ width:100%; transition:all 2s; -webkit-transition:all 2s; }
.case01 li h1{ font-size:32px; line-height:50px; padding:0 10px; color:#333; font-weight:normal; padding-top:10px;}
.case01 li h2{ font-size:18px; line-height:30px; padding:0 10px; color:#666; font-weight:normal; padding-bottom:10px;}

.tupad{ padding-top:30px; overflow:hidden;}

.case02{ overflow:hidden;}
.case02 li{overflow:hidden; padding:0 10px;}
.case02 li:hover{ background:#fff;}
.case02 li h1{ font-size:32px; color:#333; text-align:center; line-height:60px; font-family:Arial, Helvetica, sans-serif;}
.case02 li h1 span{ font-size:14px; font-weight:normal;}
.case02 li .tywb{ padding:10px;}

.case03{ overflow:hidden; padding:20px 0;}
.case03 dt{ overflow:hidden; position:relative}
.case03 dt h1{ float:left; line-height:80px; font-size:18px; color:#333; padding-right:10px; background:#f2f2f2; position:relative; z-index:10}
.case03 dt .tu{ height:80px; float:right; background:#f2f2f2; padding-left:10px; position:relative; z-index:10}
.case03 dt .tu img{ height:80px;}
.case03 dt i{ position:absolute; height:1px; top:50%; left:0; width:100%; background:#666; z-index:9}
.case03 dd{ overflow:hidden; line-height:30px; font-size:16px; color:#666;}
.case03 dd td{ padding:5px 0;}

.case04{ overflow:hidden; padding:30px 0;}

.min{ min-height:240px; padding:30px 0; overflow:hidden;}

.case05{ overflow:hidden; padding-bottom:30px;}
.case05 li{ width:20%; line-height:30px; font-size:14px; color:#666; float:left;}
.case05 li h1{ font-size:18px; color:#333; font-weight:normal; line-height:50px;}
.case05 li img{ padding:5px 0;}
.case05 li td{ padding:5px; vertical-align:top;}

.hezuo{ padding:50px 0 100px 0; overflow:hidden;}
.hezuo li{ float:left; width:600px; margin:20px;}
.a1{ display:block; background:#f2f2f2}
.a1 h1{ text-align:center; line-height:50px; font-size:24px; color:#333; font-weight:normal; height:50px; overflow:hidden; padding:0 10px; padding-top:50px; margin-bottom:50px;}
.a1 .pic{ padding-bottom:75%;}
.a1 .pic img{ width:100%; height:100%; transition:all 2s; -webkit-transition:all 2s;}
.a1:hover .pic img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.pic{ padding-bottom:100%; position:relative; background-size:cover; background-position:center; overflow:hidden;}
.pic img{ position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; max-width:100%; max-height:100%; display:block;}

.hzpp{ overflow:hidden; padding:0 140px 100px 140px;}
.hzpp li{ float:left; width:25%;}

.a2{ display:block; background:#f2f2f2; margin:1px; padding:24px;}

.new{ overflow:hidden; margin:0 10px;}
.new li{ float:left; width:480px; margin:20px 0 50px 100px;}

.a3{ display:block; background:#fff; box-shadow:0 0 10px 2px rgba(0,0,0,.1); overflow:hidden; border-radius:10px;}
.a3 .pic{ padding-bottom:50%; background-color:#fafafa;}
.a3 h1{ padding:20px 20px 0 20px; font-size:16px; line-height:30px; color:#333; font-weight:normal; height:30px; overflow:hidden;}
.a3 .wb{ line-height:25px; margin:0 20px 20px 20px; height:50px; font-size:13px; color:#666;}

.a3:hover{ transform:translateY(-20px); -webkit-transform:translateY(-20px);box-shadow:0 10px 10px 2px rgba(0,0,0,.1); background:#fafafa;}

/*.pager{ padding:20px 0 10px 0 ;text-align:center; color:#999;}
.pager li{ display:inline-block; margin:1px; overflow:hidden; font-size:13px; line-height:28px;}
.pager li span{color:#999;display:block;padding:0 9px; border:1px solid #ddd;}
.pager li a{color:#999;display:block;padding:0 9px; border:1px solid #ddd;}
.pager li:hover a{ border:1px solid #f08200; background:#f08200; color:#FFF;}
.pager li.active a{ border:1px solid #f08200; background:#f08200; color:#FFF;}*/

.pager{ 
	padding:10px 0;
	text-align:center; 
	color:#999;
	height:30px;
}
.pager span{
	color:#999; 
	display:inline-block; 
	margin:0 1px; 
	padding:0 8px; 
	border:1px solid #ddd; 
	font-size:12px; 
	line-height:28px; 
	height:28px; 
	border-radius:3px; 
	overflow:hidden;
	background:#FFF;
}
.pager a{
	color:#999;
}
.pager span:hover a{
	color:#cc8809;
}
.pager select{
	border:none; 
	height:28px; 
	line-height:28px; 
	outline:none;
	background:none; 
	color:#999;
}

.fy{
	overflow:hidden; 
	padding-top:17px; 
	margin:20px 0 0 0; 
	border-top:1px dashed #ddd; 
	clear:both;
}
.fy a{
	font-size:16px; 
	color:#666; 
	line-height:36px; 
	height:36px; 
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
	display:block;
}
.fy a:hover{
	color:#f08200;
}

.tyxwbt{ overflow:hidden; border-bottom:1px dashed #ddd; padding-bottom:9px; margin-bottom:20px; text-align:center;}
.tyxwbt dt{ font-size:24px; line-height:40px; color:#333; padding-top:10px;}
.tyxwbt dd{ font-size:12px; line-height:20px; padding-top:5px; color:#666;}
.tyxwbt dd span{ display:inline-block; padding:0 5px;}

.fgo{ text-align:right; overflow:hidden; padding-top:12px; padding-bottom:10px;}
.fgo a{ float:right; padding:0 30px; line-height:34px; font-size:14px; color:#f08200; border:2px solid #f08200;}
.fgo a:hover{ background:#f08200; color:#FFF;}

.mag{ margin:0 40px;}

.down{ padding-bottom:50px;}

.lxwm{ overflow:hidden; padding:0 40px;}
.lxwm li{ padding-bottom:60px; margin-bottom:60px; background:url(../image/xtiao_03.jpg) no-repeat bottom center;}
.lxwm li img{ width:100%;}
.lxwm li dl{ margin-left:40px;}
.lxwm li dl dt{ font-size:20px; line-height:40px; margin-bottom:10px;color:#333; font-weight:bold; text-transform:uppercase;}
.lxwm li dl dd{ line-height:40px; font-size:16px; color:#666; text-transform:uppercase;}
.lxwm li dl dd td{ padding:10px 5px; vertical-align:top}
.lxwm li:last-child{ background:none}

.message{ overflow:hidden; max-width:600px; margin:0 auto; padding-bottom:100px;}
.message dt{ float:left; width:96%; margin:0 2%;}
.message dd{ float:left; width:47%; margin-left:2%;}
.message h1{ font-size:14px; line-height:30px; font-weight:normal; color:#333; text-transform:uppercase;}
.message h1 span{ color:#c20800; padding-left:3px;}
.message input{ box-sizing:border-box; width:100%; border:1px solid #ddd; height:40px; color:#333; padding:0 5px; font-size:16px; line-height:38px; margin-bottom:10px; border-radius:3px;}
.message textarea{ box-sizing:border-box; width:100%; border:1px solid #ddd; height:150px; color:#333; padding:0 5px; font-size:16px; line-height:30px; margin-bottom:10px; border-radius:3px;}
.message button{display:block; height:50px; text-transform:uppercase; border-radius:5px; border:none; line-height:50px; cursor:pointer; font-size:16px; color:#FFF; background:#333; width:100%; margin-top:15px;}
.message button:hover{ background:#ff2d38;}

.pro{ overflow:hidden; padding:40px;}
.pro li{ float:left; position:relative; width:50%;}
.a4{ display:block; position:relative; z-index:9}
.a4 img{ width:100%; height:100%; transition:all 2s; -webkit-transition:all 2s;}
.a4:hover img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1)}

.pronav{ overflow:hidden; margin:0 30px; padding-bottom:30px;}
.pronav li{ float:left; margin-left:10px; margin-bottom:10px; width:232px;}
.pronav li a{ display:block; line-height:60px; height:60px; overflow:hidden; font-size:16px; text-align:center; color:#333; background:#f2f2f2;}
.pronav li:hover a{ color:#FFF; background:#666;}
.pronav li.hover a{ color:#FFF; background:#666;}

.product{ margin:0 40px;}
.product li{ overflow:hidden; margin:10px 0 30px 0;}
.product li dl{ background:#f2f2f2; padding:30px; margin-left:20px;}
.product li dl h1{ font-size:20px; line-height:30px; padding-bottom:10px; color:#333; text-transform:capitalize; }
.product li dl h1 span{ padding-left:20px; font-weight:normal;}
.product li dl dt{ margin-bottom:10px;}
.product li dl dt .tywb{ font-size:14px;}
.product li dl dd .tywb{ font-size:15px;}
.product li dl h2{ font-size:20px; line-height:40px; color:#333; text-transform:capitalize; font-weight:normal;}

.yycj{ margin:0 30px; overflow:hidden;}
.yycj li{ width:285px; margin:10px; overflow:hidden; float:left;}

.a5{ display:block; color:#333;}
.a5 h1{ text-align:center; line-height:36px; font-size:16px; font-weight:normal; height:36px; overflow:hidden;}
.a5:hover{ color:#999;}
.a5 .pic{ padding-bottom:75%;}
.a5 .pic img{ width:100%; height:100%; transition:all 2s; -webkit-transition:all 2s;}
.a5:hover .pic img{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}